.bgclass {
  background-image: url("../homepage.png");
  background-size: 100% 30%;
}

.no-data{
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 12rem;
}

.iconclass {
  width: 100%;
  display: flex;
  position: fixed;
  bottom: 8%;
  left: 0;
  justify-content: space-around;
}

.iconclass > img {
  width: 36%;
}

.iconindex {
  width: 96%;
  padding: 2%;
  display: flex;
  position: fixed;
  top: 1%;
  left: 0;
  justify-content: space-between;
}

#mainpage {
  width: 100%;
  background-color: transparent;
  position: relative;
  padding: 1%;
  box-sizing: border-box;
  padding-bottom: 5rem;
  background-image: url("../homepage.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

#mainpage1 {
  padding-top: 1rem;
}

.ficclass {
  width: 2.15rem;
  height: 8rem;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  background-image: url("../shubaitiao.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: fixed;
  right: 0.25rem;
  bottom: 16%;
  align-items: center;
  height: 7rem;
}
.ficclass > a > img {
  width: 1.2rem;
}
.ficclass > img {
  width: 1.2rem;
}
.jinrongmaindiv {
  height: 100%;
}
.jinrongleft {
  box-sizing: border-box;
  width: 100%;
  height: 30%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.flexclass {
  display: flex;
}
.fontstylelineheight {
  line-height: 2.9rem;
  text-align: center;
}
.imggrid {
  width: 3.8rem;
  height: 3.8rem;
  margin-right: 0.5rem;
}
.gridline {
  height: 0.05rem;
  background-color: #182c56;
}
.first {
  display: flex;
  justify-content: space-between;
}

.second {
  width: 95%;
  margin: 0 auto;
  margin-top: 3%;
}

.secondlogin {
  width: 100%;
  height: 50%;
  background-image: url("../loginbg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: white;
}
.dengluqian {
  height: 100%;
}
.dengluhou {
  display: block;
  height: 100%;
}
.dengluhouleft {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.dengluhouleftimg {
  width: 3.25rem;
  height: 3.25rem;
}
#dengluhouright {
  height: 50%;
  margin-top: 17%;
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
#dengluhouright > p {
  cursor: pointer;
}
#videoid {
  width: 100%;
  height: 100%;
  object-fit: fill;
}

#videoxunhuan {
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.swiper-container {
  width: 100% !important;
  height: 100%;
}

/*包裹自定义分页器的div的位置等CSS样式*/
/*自定义分页器的样式，这个你自己想要什么样子自己写*/
.swiper-pagination {
  display: flex;
  margin-left: 1%;
}

.selectioin {
  width: 0.5rem;
  height: 0.5rem;
  display: inline-block;
  background: white;
  border-radius: 50%;
  margin: 0 0.25rem;
}

/*自定义分页器激活时的样式表现*/
.selectlist {
  width: 2.75rem;
  height: 0.5rem;
  background: white;
  border-radius: 0.5rem;
}

.cateclass > ul {
  height: 7.8vw;
  margin-top: 0.75rem;
  min-height: 5rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.cateclass > ul > li {
  width: 7.8vw;
  height: 7.2vw;
  /* height: 4.8rem; */
  /* padding: 0.5%; */
  background-image: url("../catebg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: default;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.cateclass > ul > li > div {
  /* height:73%; */
  width: 100%;
  height: 73%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-around;
}

.cateclass > ul > li > div > img {
  height: 1.5rem;
}
.textgnmodule {
  color: #182c56;
}
.third {
  width: 100%;
  margin-top: 3rem;
  padding-bottom: 5rem;
}

.thirdone {
  width: 95%;
  margin: 0 auto;
  position: relative;
}

.thirdone > div > .topic {
  width: 96%;
  height: 45%;
  position: absolute;
  left: 2%;
}

.topic {
  width: 96%;
  position: absolute;
  left: 2%;
}

.aroundflex {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.jiantoudown {
  width: 1.25rem;
  position: absolute;
  z-index: 10;
}

.zhongbiaodoem {
  width: 1.25rem;
  position: absolute;
  z-index: 10;
}

.biaotou {
  background-color: #182c56;
  border-radius: 0.5rem 0.5rem 0 0;
  padding: 0.5rem;
  color: white;
}

.tablebody {
  border: 0.05rem solid #182c56;
  border-radius: 0 0 0.5rem 0.5rem;
}

#zhongbiaoid > li {
  display: flex;
}

.yincnag {
  display: none;
}

.xianshi {
  display: block;
}

#zhaobiaoul > li {
  cursor: pointer;
}

#zhongbiaoul > li {
  cursor: pointer;
}

.bottom {
  position: relative;
  width: 100%;
  border: 0.05rem solid #182c56;
  background: #edf1f9;
  border-radius: 0.5rem;
}

.topicimg {
  width: 96%;
  position: absolute;
  top: -0.85rem;
  left: 2%;
}

#resultdata {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.fontstyle {
  font-family: BSB;
  font-size: 1.85rem;
  background: -webkit-linear-gradient(59deg, #ffc346, #b3001e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 550;
}

.jiangbanfontstyle {
  font-family: BSB;
  font-size: 2.9rem;
  font-weight: 500;
  background: -webkit-linear-gradient(59deg, #ffc346, #b3001e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 550;
}
.jiangbanfontstyle2 {
  font-family: BSB;
  font-size: 4rem;
  font-weight: 500;
  background: -webkit-linear-gradient(59deg, #ffc346, #b3001e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 550;
}

.fontstyle1 {
  font-family: BSB;
  font-size: 1.55rem;
  line-height: 1.4rem;
  background: -webkit-linear-gradient(57deg, #ffc346, #b3001e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
}

.fontstyleznjb {
  font-family: BSB;
  font-size: 3rem;
  color: #192c56;
  font-weight: 600;
}

.fontstyleblack {
  font-family: BSB;
  font-size: 0.8rem;
  line-height: 1.4rem;
  color: #192c56;
  font-weight: 800;
  padding-left: 10%;
}
.fontstyle2 {
  /* position: absolute; */
  /* top: 2.75rem; */
  font-size: 0.9rem;
}

#popupshow {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  background-color: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(0.25rem);
}
#kefupopupshow {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  background-color: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(0.25rem);
}
.weizhi {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 16%;
  background-image: url("../bottombg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  z-index: 9999;
}
.weizhi1 {
  position: fixed;
  top: 13%;
  left: 13%;
  background-image: url("../bottombg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  z-index: 9999;
}
.weizhi2 {
  position: fixed;
  top: 13%;
  left: 10%;
  background-image: url("../bottombg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  z-index: 9999;
}
#shuzijiaoyipopup {
  width: 85%;
  height: 92%;
}

#keshangpopup {
  width: 65%;
  height: 72%;
}

#szjyzxthirdpopup {
  width: 86%;
  height: 92%;
}

#jgzzthidpopup {
  width: 80%;
  height: 72%;
}

#kefupopup {
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.hovertiaoclass {
  text-align: center;
  width: 80%;
  font-size: 0.7rem;
  background-color: #182c56;
  border-radius: 5.6rem;
  color: white;
}

.imgclose {
  position: absolute;
  right: 1rem;
  top: 0.65rem;
  z-index: 99;
}

.imgclose1 {
  /* position: absolute;
  right: 3.1rem;
  top: 0.65rem; */
  position: absolute;
  right: 3.2rem;
  top: 1.35rem;
  z-index: 99;
}
.mainContent {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

.maindivcontent {
  height: 35rem;
}
.maindivcontent_img { 
  height: 67%;
  width: 100%;
  position: absolute;
  bottom: 0;
  background-image: url("../shell.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.contenttitle {
  border-bottom: 0.05rem solid #182c56;
  display: inline-block;
}

.maindTitle {
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: absolute;
  top: 11%;
  left: 0;
}
.maindTitle_1 {
  width: 10rem;
}
.maindTitle_2 {
  width: 8.4rem;
}
.maindTitle_p {
  text-align: center;
  font-family: BSB;
  font-size: 3.5rem;
  background-image: linear-gradient(90deg, #fdbe45 30%, #c63228);
  color: transparent;
  -webkit-background-clip: text;
  font-weight: 500;
  word-wrap: normal;
}
.maindTitle_pbottom {
  text-align: center;
  font-family: BSB;
  font-size: 2rem;
  line-height: 1.5em;
  color: #182c56;
  font-weight: 500;
}
.bottomtectmaind {
  font-size: 0.8rem;
  line-height: 4.5rem;
}
.maindTitle_boundary {
  height: 0.05rem;
  margin: 0 1rem;
  background-color: #182c56;
}

.maindTitle_supplier {
  text-align: center;
}

.smalltext {
  font-size: 0.6rem;
  background: #182c56;
  color: white;
  padding: 0.1rem 0.5rem 0.1rem 0.5rem;
  border-radius: 0.9rem;
}

.smalltext1 {
  font-size: 0.6rem;
  border: 0.05rem solid #182c56;
  color: #182c56;
  padding: 0.1rem 0.5rem 0.1rem 0.5rem;
  border-radius: 0.9rem;
}

.maintop1 {
  display: flex;
  justify-content: space-around;
  height: 30%;
}

.mainbigtopdiv {
  width: 45%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  border: 0.05rem solid #192c55;
  border-radius: 0.25rem;
  padding-top: 3%;
  padding-bottom: 3%;
  box-sizing: border-box;
}
.mainbigtopdiv2 {
  width: 99%;
  height: 20%;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  border: 0.05rem solid #192c55;
  border-radius: 0.25rem;
}
.mainbigtopdiv1 {
  height: 50%;
  width: 31%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.middlediv {
  background: #dfe7f4;
  border-radius: 0.5rem;
  border: 0.05rem solid #182c56;
  width: 46%;
  height: 100%;
  box-sizing: border-box;
  padding-left: 1%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.maintopimg {
  height: 0.05rem;
  width: 5.2rem;
  align-self: center;
}
.maintopimg2 {
  height: 0.05rem;
  width: 5.2rem;
  align-self: center;
}

.topdetail {
  height: 40%;
  width: 33%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.topdetail1 {
  height: 50%;
  width: 33%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.topdetail4 {
  height: 50%;
  width: 33%;
  display: flex;
  align-items: center;
  margin-left: 10%;
}
.topdetail2 {
  height: 100%;
  width: 15%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.layui-laydate .layui-this {
  background-color: #162a54 !important;
  color: #fff !important;
}

.layui-laydate-list {
  background-color: #edf1f9 !important;
}

.layui-laydate-list li {
  background-color: #d7dde8 !important;
  color: #162a54 !important;
  width: 30.8%;
  margin: 0.15rem;
}

.layui-laydate-main {
  background: #edf1f9;
}

.layui-laydate-range {
  width: 27.4rem;
}

.layui-laydate-footer {
  background: #edf1f9;
} 


.jiaoyibottomdiv {
  width: 18rem;
  display: flex;
  align-items: center;
  justify-content:space-between;
  color: white;
  padding:0.3rem;
  background-color: #192c56;
  border-radius: 1rem;
}

.bottomleft {
  width: 20%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.bottomsmallleft {
  width: 80%;
  height: 80%;
  background: #dfe7f4;
  border-radius: 0.5rem;
  border: 0.05rem solid #182c56;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding: 8%;
  box-sizing: border-box;
}

#countjybottomright {
  width: 50%;
  position: relative;
}

#countjybottomrightgf {
  /* border: 0.05rem solid; */
  position: absolute;
  width: 64%;
  height: 50%;
  right: 0;
  top: 11%;
}

#countjybottomright > p {
  position: absolute;
  top: 0;
  left: 1.35rem;
}

#analysisofwb {
  position: absolute;
  top: 1rem;
}

#ecrrate {
  width: 85%;
  height: 92%;
}

.ecrratetop {
  height: 40%;
}

.ecrratetopdiv1 {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  position: relative;
}

.ecrratetopunder {
  min-height: 8rem;
  border: 0.05rem solid #62718e;
  width: calc(100% - 0.2rem);
  margin: 0 auto;
  border-radius: 6.95rem;
  background-color: #dfe7f4;
  position: relative;
}
.ecrratetopunder2 {
  min-height: 8rem;
  height: 100%;
  padding: 2rem 0 0;
  box-sizing: border-box;
  border: 0.05rem solid #62718e;
  width: 90%;
  margin: 0 auto;
  border-radius: 2rem;
  background-color: #dfe7f4;
  position: relative;
}

.ecrrateleftover2 {
  height: 14rem;
  position: absolute;
  top: -4rem;
  left: -4rem;
  width: 14rem;
  border-radius: 50%;
  background-color: #192c56;
  display: flex;
  align-items: center;
  flex-direction: column;
  z-index: 1;
  color: white;
  justify-content: space-around;
  padding: 2%;
  box-sizing: border-box;
}

.ecrrateleftover {
  height: 11rem;
  position: absolute;
  top: -1.5rem;
  width: 11rem;
  border-radius: 50%;
  background-color: #192c56;
  display: flex;
  align-items: center;
  flex-direction: column;
  z-index: 1;
  color: white;
  justify-content: space-around;
  padding: 2%;
  box-sizing: border-box;
}
.ecrratetopcheck {
  position: absolute;
  left: 18%;
  top: -22%;
  display: flex;
  justify-content: space-around;
  font-size: 0.7rem;
  
}
.ecrratetopcheck2 {
  position: absolute;
  left: 18%;
  top: -10%;
  display: flex;
  justify-content: space-around;
  font-size: 0.7rem;
}

.ecrratemenucheck {
  position: relative;
  margin-right: 0.5rem;
  display: flex;
  align-items: center;
  border-bottom: 0.05rem solid #192c56;
  padding: 0 1rem 0 0;
  font-size: 0.8rem;
}
.ecrratetimerenge {
  position: relative;
  margin-right: 0.5rem;
  display: flex;
  align-items: center;
  border-bottom: 0.05rem solid white;
  padding: 0 1rem 0 0;
  font-size: 0.8rem;
}
.ecrateicon {
  position: absolute;
  bottom: -0.05rem;
  right: 0;
  color: #192c56;
  border: 0.05rem solid #192c56;
  margin-left: 0.5rem;
}
.ecrratetopcheck1 {
  border: 0.05rem solid #182c56;
  border-radius: 0.5rem;
  width: 26%;
  margin-left: 2%;
  margin-top: -0.5rem;
  display: flex;
  font-size: 0.85rem;
  padding: 0 2% 0 2%;
  align-items: center;
  justify-content: space-around;
  /* overflow: hidden; */
}

.ecrratemenucheck1 {
  position: relative;
  margin-right: 0.5rem;
  display: flex;
  align-items: center;
  /* border-bottom: 0.05rem solid #192c56; */
}

.ecrateicon1 {
  position: absolute;
  bottom: -0.05rem;
  right: 0;
  color: linear-gradient(181deg, #fdbe45 6%, #c63228);
  /* border: 0.05rem solid #192c56; */
  margin-left: 0.5rem;
}
.digitalModule {
  width: 100%;
  height: 49%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  position: absolute;
  bottom: -4%;
}
.digitalModule_1 {
  width: 18%;
  height: 80%;
}
.digitalModule_1_1 {
  display: flex;
  justify-content: space-around;
  /* height: 62%; */
}
.digitalModule_home {
  display: flex;
  font-size: 2.6rem;
}
.digitalModule_money {
  display: flex;
  font-size: 2.6rem;
}
.digitalModule_boundary {
  height: 0.05rem;
  margin: 0 0.5rem;
  background-color: #192c56;
}
.ecrratemainright {
  padding-left: 11.5rem;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  align-items: center;
}
.ecrratemainright2 {
  padding-left: 6rem;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  align-items: center;
}

.flexcolumn {
  width: 10%;
  text-align: center;
  display: flex;
  flex-direction: column;
}
.flexcolumn2 {
  width: 10%;
  text-align: center;
  display: flex;
  flex-direction: column;
  margin-bottom: 3rem;
}

.ecrratebottomleft {
  width: 48%;
  height: 90%;
}

.ecrratebottomright {
  width: 48%;
  height: 90%;
}

#tableheight {
  height: calc(98% - 1.7rem);
  margin-top: 1%;
  display: flex;
  justify-content: space-around;
}

#pricetracking {
  width: 85%;
  height: 92%;
}

#vipareapopup {
  width: 85%;
  height: 92%;
}

#mevaluationpopup {
  width: 85%;
  height: 92%;
}

#denrichmentpopup {
  width: 85%;
  height: 92%;
}

#financialsuperpopup {
  width: 85%;
  height: 92%;
}

#trackingbottonleft {
  width: 38%;
  height: 90%;
}

#trackingbottonright {
  width: 70%;
  height: 100%;
}

.trackingbottomdata {
  display: flex;
  margin-top: 2%;
}

.trackingbottomsmall {
  align-items: center;
  width: 33%;
  display: flex;
  padding-left: 6%;
  margin-right: 2%;
}

.viptopleft {
  height: 80%;
  background-color: #182c56;
  width: 44%;
  border-radius: 5rem;
  position: absolute;
  top: 15%;
  left: 0;
  z-index: 2;
  box-shadow: 0.1rem 0 0.5rem 0 rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.viptopleft > div {
  text-align: center;
  color: #dfe7f4;
  margin-top: 1%;
}
.viptopleft1 {
  height: 70%;
  /* background-color: #182c56; */
  width: 57%;
  /* border-radius: 5rem; */
  position: absolute;
  top: 15%;
  left: 0;
  z-index: 2;
  /* box-shadow: 0.1rem 0 0.5rem 0 rgba(0, 0, 0, 0.5); */
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.viptopleft1 > div {
  text-align: center;
  color: #dfe7f4;
  margin-top: 1%;
}
.viptopright {
  height: 80%;
  border: 0.05rem solid;
  background-color: #dfe7f4;
  width: 66%;
  border-radius: 2rem;
  position: absolute;
  top: 15%;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding-left: 10%;
  box-sizing: border-box;
}

.viptopright > div {
  text-align: center;
  color: #182c56;
  margin-top: 1%;
}
.viptopright1 {
  height: 70%;
  border: 0.05rem solid;
  background-color: #dfe7f4;
  width: 53%;
  border-radius: 5rem;
  position: absolute;
  top: 15%;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding-left: 10%;
  box-sizing: border-box;
}

.viptopright1 > div {
  text-align: center;
  color: #182c56;
  margin-top: 1%;
}
.vipmiddlearea {
  display: grid;
  grid-template-columns: 78% 22%;
  height: 35%;
}

#vipareaserve {
  width: 99%;
  height: 100%;
  border-bottom: 0.1rem solid;
}

#vippersonserve {
  width: 98%;
  height: 100%;
  border-bottom: 0.1rem solid;
}

.vipareaservefirst {
  border-top: 0.1rem solid;
  background-color: #dfe7f4;
}

.vipareaservesecond {
  border-bottom: 0.1rem solid;
  border-top: 0.05rem solid;
  background-color: #dfe7f4;
}

.vippersonservesecond {
  border-bottom: 0.1rem solid;
  background-color: #dfe7f4;
}

.normaltr {
  border-bottom: 0.05rem solid;
  color: black;
}

.tablelastth {
  color: transparent;
  width: 0.5rem;
}

.vipgridhr {
  height: 0.05rem;
  background: #dfe7f4;
}

.vipgridhrright {
  height: 0.05rem;
  background: #182c56;
}

#vipareabottomechartsdiv {
  width: 100%;
  height: 100%;
  padding-top: 2%;
  box-sizing: border-box;
}

.mevaluatimiddle {
  height: 100%;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.secondlogonimgdiv {
  height: 80%;
  display: flex;
  justify-content: space-around;
  flex-direction: column;
  align-items: center;
}

.swiper-slideitem {
  width: 100%;
  background-color: white;
}

.swiper-slide-active {
  /* background-image: linear-gradient(181deg, #fdbe45 6%, #c63228);
  color: transparent;
  -webkit-background-clip: text; */
}
.swiperactive {
  background-image: linear-gradient(181deg, #fdbe45 6%, #c63228);
  color: transparent;
  -webkit-background-clip: text;
}

.gdwcgqkswiper > .swiper-slide-active {
  color: red;
}

.mevaluatimiddleswipersamall {
  width: 24%;
  height: 48%;
  border: 0.05rem solid;
  padding: 1%;
  box-sizing: border-box;
  background-color: #dfe7f4;
  border-radius: 0.5rem;
}

.flexbetn {
  display: flex;
  justify-content: space-between;
}

.flebtntitle {
  word-wrap: break-word;
  font-size: 1rem;
}

.flecaround {
  display: flex;
  align-items: center;
  justify-content: space-around; 
}

.swiperflecaround {
  width: 60%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.swiperleft {
  width: 95%;
  margin-left: 1%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.flecaround > p {
  font-size: 0.6rem;
  background: linear-gradient(90deg, #fdbe45 36%, #c63228);
  border-radius: 0.1rem;
  color: white;
}

.flecaround > div {
  height: 0.05rem;
  background-color: #162a54;
  flex: 1;
}

#shuzijiaoyimiddleleft {
  position: relative;
  width: 30%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

#shuzijiaoyimiddleright {
  position: relative;
  width: 30%;
  height: 100%;
}

.shuzijiaoyititle {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}

.downclass {
  color: #182c56;
  font-size: 1rem;
}

#checkdanweidate {
  text-decoration: underline;
}

#checkyeardate {
  border: 0.05rem solid #192c55;
  border-radius: 1.1rem;
  padding: 0 1.45rem 0 0.5rem;
  font-size: 0.75rem;
}
.checkclass {
  width: 2.5rem;
  border: 0.05rem solid #192c55;
  border-radius: 1.1rem;
  padding: 0 1.45rem 0 0.5rem;
  font-size: 0.75rem;
  margin-right: 0.5rem;
  height: 1rem;
}
.checkclass > span {
  width: 100%;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#checkgdwdate {
  border: 0.05rem solid #192c55;
  border-radius: 1.1rem;
  padding: 0 1.45rem 0 0.5rem;
  font-size: 0.75rem;
}
.gridimg {
  width: 7.5rem;
  height: 0.75rem;
  background-image: url("../blackwhiteprncil.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.gridimgmoney {
  width: 7.5rem;
  height: 0.75rem;
  background-image: url("../blackwhitemoney.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.gridimgmiddle {
  width: 7.5rem;
  height: 0.75rem;
  background-image: url("../whiteblackpencil.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.gridimgmiddlemoney {
  width: 7.5rem;
  height: 0.75rem;
  background-image: url("../whiteblackmoney.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.gridimgmiddlewanmoney {
  width: 7.5rem;
  height: 0.75rem;
  background-image: url("../blackwhitewanmoney.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.loginnowclass {
  cursor: pointer;
}
.loginnowclass a {
  color: white;
}
.loginnowclass a:hover {
  color: #d7dde8;
}
.shaicuanmaindiv {
  display: flex;
  align-items: center;
  border-bottom: 0.05rem solid;
  margin: 0 0.5rem 0 0.5rem;
  font-size: 0.8rem;
}
.gridlinehundred {
  width: 100%;
  height: 0.05rem;
}
.indeximg {
  width: 1.65rem;
  height: 1.5rem;
}

#loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1001;
  background-color: #fbfbfb;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.layui-menu {
  max-height: 15rem;
  position: relative;
  margin: 0.25rem 0;
  background-color: #fff;
  overflow-y: scroll;
  overflow-x: hidden;
}
.layui-laydate-footer span:first-child.layui-laydate-preview {
  background-color: #edf1f9;
  color: #182c56 !important;
}
.topbiaoti {
  letter-spacing: 0.2rem;
}
.girdtopbiaoti {
  border-top: 0.05rem dashed rgba(24, 44, 86, 1);
}
.topbottombiaoti {
  color: rgba(204, 89, 103, 1);
}
#beforelogin {
  width: 95%;
  height: 100%;
  margin: 0 auto;
  padding: 1% 2% 1% 2%;
  box-sizing: border-box;
  background-image: url("../jinrongbeforeloginbottombg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#afterlogin {
  height: 100%;
  /* display: none; */
}

.jinrongbottomleft {
  height: 50%;
  display: flex;
}
.jinrongbottomleftsmall {
  width: 50%;
  height: 100%;
}
.flexcolumn1 {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
}
.flexrow {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.jinrongbottomtitle {
  height: 1.3rem;
  font-size: 1.2rem;
  line-height: 1.3rem;
  color: #192c55;
}
.jinrongbottomtitle > a {
  font-size: 1.2rem;
  color: #192c55;
}
.jinrongbottomtext {
  font-size: 1rem;
  color: #000000;
}
.afterloginnei {
  height: 100%;
}
.neisamllleftdiv {
  width: 23%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-around;
}
.flexcenter {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.layui-form-radio:hover *,
.layui-form-radioed,
.layui-form-radioed > i {
  color: #192c55;
}
.layui-form-item {
  display: flex;
  flex-direction: column;
}
.jrrigthtbottom {
  width: 30%;
  /* height: 5rem; */
  background-image: url("../jrbottomright.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
}
#zfrzzbechart {
  height: 21rem;
}
.jrrightbottomtext {
  text-align: center;
  margin-top: -0.75rem;
}
.mainpagelastbotttom {
  width: 100vw;
  height: 14.25rem;
  border: 0.05rem solid;
  background-image: url("../lastbottombg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: space-around;
  color: white;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
}
.mainpagelastbotttomsmall {
  height: calc(100% - 4.25rem);
  display: flex;
  justify-content: space-around;
  padding-top: 2%;
}
.mainpagelastbotttomsmalltext {
}
.firstdiv {
  width: 20%;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 2%;
  justify-content: flex-start;
}
.lastbottomtitle > a {
  font-size: 1.25rem;
  line-height: 2.2rem;
  text-align: center;
  color: white;
  cursor: pointer;
}
.lastbottomtitle > a:hover {
  color: #dfe7f4;
}
.lastbottomtext > a {
  font-size: 1rem;
  line-height: 1.7rem;
  text-align: center;
  color: white;
  cursor: pointer;
}
.lastbottomtext > a:hover {
  color: #dfe7f4;
}
.zonghekefu {
  font-size: 0.75rem;
  color: #000000;
  display: flex;
  padding: 1%;
}
.kefumaindov {
  display: flex;
  justify-content: space-around;
  margin-top: 2%;
  margin-bottom: 2.5rem;
}
.kefumaindovleft {
  width: 15%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.kefumaindovleftshutiao {
  width: 0.1rem;
  height: 95%;
  position: absolute;
  top: 0;
  left: 0.1rem;
  background-color: #182c56;
}
.zonghekefutitle {
  padding-left: 3%;
  padding-right: 3%;
  background-color: #182c56;
  border-radius: 0 0.5rem 0.5rem 0;
  color: white;
  margin-right: 1%;
}
.kefumaindovright {
  width: 30%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.kefumaindovmiddle {
  width: 53%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.kuangdiv {
  border: 0.1rem solid #182c56;
  border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
  flex: 1;
  display: flex;
  justify-content: space-around;
}
.titlep {
  color: #182c56;
  margin-bottom: 0.5rem;
}
.kuangdivsmall {
  width: 33%;
  margin: 2%;
  font-size: 0.75rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-left: 1%;
}
.layui-form-radio:hover *,
.layui-form-radioed,
.layui-form-radioed > i {
  color: #182c56 !important;
}
#lineTd {
  width: 8%;
  font-size: 0.9rem;
  box-sizing: border-box;
  /* background: #dfe7f4
    url()
    no-repeat 100% center; */
}
#shuzijiaoyileft {
  width: 100%;
  display: flex;
  height: 100%;
  flex-direction: column;
}
#shuzijiaoyiright {
  width: 100%;
  border: 0.05rem solid;
  display: none;
  height: 100%;
  flex-direction: column;
}
.switch-jg {
  position: fixed;
  /* background-color: #fff; */
  width: 80%;
  bottom: 2rem;
  left: 50%;
  margin-left: -40%;
  padding: 0.5rem;
  box-sizing: border-box;
  background-image: url("../shuzijiaoyibottombg.png");
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999999999;
}
.leftleft {
  margin-top: 2%;
  height: 52%;
  width: 100%;
  display: flex;
}
.shuzijiaoyilefttop {
  font-size: 0.75rem;
  height: 50%;
  width: 50%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #192c55;
  margin-right: 0.25rem;
  background: rgba(25, 44, 85, 0.2);
  border-radius: 0 0 0.25rem 0.25rem;
}
.shuzijiaoyilefttopbg {
  background-color: #162a54;
  color: white;
}
.shuzijiaoyileftdowmbg {
  background-color: #162a54;
  color: white;
}
.rightright {
  width: 55vw;
    height: 43vh;
    border: 1px solid yellow;
  display: flex;
  flex-direction: column;
}
.szjytitletext {
  width: 0;
  height: 0.95rem;
  border: 0.1rem solid #192c55;
  margin-right: 0.25rem;
}
.szjylabel {
  font-size: 1rem;
  color: #192c55;
  margin-right: 0.5rem;
}
.szjyposition {
  position: absolute;
  height: 1rem;
  right: 0;
  top: 0;
}
.szjyposition1 {
  width: 20rem;
  max-height: 10rem;
  overflow-y: scroll;
  position: absolute;
  top: 1.25rem;
  z-index: 3;
}
.szjyleftbottom {
  height: 49%;
  width: 100%;
  padding: 0.5rem;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}
.maindivcontent::-webkit-scrollbar {
  width: 0.05rem;
}
.szjylabelechartheight {
  height: 90%;
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
}
body::-webkit-scrollbar {
  width: 0.05rem;
}
#zhaobiaoid::-webkit-scrollbar {
  width: 0.05rem;
}
#zhongbiaoid::-webkit-scrollbar {
  width: 0.05rem;
}
#resultdata::-webkit-scrollbar {
  width: 0.05rem;
}
#isclickszjyleft {
  height: 80%;
  width: 2.5rem;
  position: absolute;
  left: -2%;
  top: 10%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
#isclickszjy {
  height: 80%;
  width: 2.5rem;
  position: absolute;
  right: 0;
  top: 10%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.lisstyle {
  color: #182c56;
  height: 1rem;
  font-size: 0.75rem;
  cursor: pointer;
  padding: 0.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lisstyle:hover {
  background-color: #182c56;
  color: white;
}
.ulgfstyle {
  max-height: 10rem;
  overflow-y: scroll;
  position: absolute;
  left: 0;
  top: 1.45rem;
  width: 5rem;
  border: 0.05rem solid;
  box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.5);
  display: none;
  background: #edf1f9;
  padding: 0.4rem;
  z-index: 99;
}
.titlebg {
  height: 2rem;
  background-image: url("../zhaobiaobg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.jbfenxi {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.jbfenxi:hover {
  color: #dfe7f4;
}
.znjbfgsclass {
  width: 80%;
  height: 70%;
  position: absolute;
  top: 20%;
  left: 10%;
  background-image: url("../znjbfgsbg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding-left: 6%;
}
.zbjefxfgs {
  background-image: url("../szjyfgsbbtnbg2.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.jgzztop {
  display: flex;
  position: relative; 
}
.jgzztopsmall {
  width: 100%;
  height: 100%;
  margin-right: 2%;
  display: flex;
  flex-direction: column;
  color: white;
  align-items: center;
  padding-top: 4%;
  box-sizing: border-box;
}
.xiaodian {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.xiaodian > div {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: red;
  margin-left: 1.5rem;
}
.jgzzcate {
  padding: 0 1.5rem 0 1.5rem;
  border-radius: 1rem;
  font-size: 0.7rem;
  border: 0.05rem solid #182c56;
}
.jgzzcate1 {
  background-color: #182c56;
  box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.5);
  color: white;
}
.jgzzcate2 {
  color: #182c56;
  background-color: #edf1f9;
  box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.5);
}
.layui-tree {
  background-color: #edf1f9;
  padding: 7%;
}
#jgzzdq {
  background: #d9dadd;
  position: absolute;
  left: 24%;
  top: 120%;
  z-index: 9;
  font-size: 0.8rem;
  width: 13rem;
  color: white;
  box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.5);
}
#jgzzdqcate {
  background: #d9dadd;
  position: absolute;
  left: 24%;
  top: 120%;
  z-index: 9;
  font-size: 0.8rem;
  width: 13rem;
  color: white;
  box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.5);
  display: none;
  background: #edf1f9;
  padding: 0.4rem;
  height: 15rem;
  overflow-y: scroll;
}
#jgzzdqwl {
  background: #d9dadd;
  position: absolute;
  left: 24%;
  top: 120%;
  z-index: 9;
  font-size: 0.8rem;
  width: 13rem;
  color: white;
  box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.5);
  display: none;
  background: #edf1f9;
  padding: 0.4rem;
  height: 15rem;
  overflow-y: scroll;
}
#jgzzdfkfscate {
  background: #d9dadd;
  position: absolute;
  left: 24%;
  top: 120%;
  z-index: 9;
  font-size: 0.8rem;
  width: 13rem;
  color: white;
  box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.5);
  display: none;
  background: #edf1f9;
  padding: 0.4rem;
  height: 15rem;
  overflow-y: scroll;
}

.textchuli {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.textchulithird {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  word-break: break-all;
}

.hoverbig {
  height: 47%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  cursor: pointer;
}

.hoverbig:hover {
  font-size: 1.95rem;
}
.jgzzdowmdiv1 {
  height: 2%;
}
.jgzzdowmdiv2 {
  width: 95%;
  border: 0.05rem solid #182c56;
  border-radius: 1rem 1rem 0 0;
}
.jgzzdowmdiv3 {
  height: 30rem;
}
.jgzzdowmdiv4 {
  height: 5%;
  width: 90%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-top: 1%;
  position: absolute;
  bottom: 0%;
  left: 4%;
}
.jgzzflex {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
#hyjjdowm {
  width: 100%;
  height: 100%;
  position: relative;
  /* padding-top: 2%; */
}
.hyjjdowmmenucheck {
}
.hyjjdowmdiv1 {
  width: 101%;
  margin: 0 auto;
  height: 47%;
  position: relative;
  box-sizing: border-box;
  background-image: url(../hyjjtopbg.png);
  background-size: 101% 100%;
  background-repeat: no-repeat;
  /* border: 0.05rem solid #b8c0d0;
    box-shadow: rgba(169, 183, 201,.3) -0.05rem 0.05rem 0.2rem 0.25rem;   */
  padding: 2%;
  margin-left: -1%;
}
.hyjjdowmdiv2 {
  height: 13%;
  display: flex;
  align-items: center;
}
.hyjjdowmdiv3 {
  position: relative;
  height: 100%;
  width: 100%;
}
.hyjjdowmdiv4 {
  display: flex; 
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 5;
  width: 100%;
}
.hyjjfwlxfyph {
  box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.5);
  display: none;
  background: #edf1f9;
  padding: 0.4rem;
}
.hyjjpm {
  width: 20%;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 3%;
  box-sizing: border-box;
  border-bottom: 0.05rem solid rgba(24, 44, 86, 0.3);
}
.hyjjgsm {
  width: 53%;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 3%;
  box-sizing: border-box;
  border-bottom: 0.05rem solid rgba(24, 44, 86, 0.3);
}
.hyjjfwf {
  height: 100%;
  width: 27%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 3%;
  box-sizing: border-box;
  border-bottom: 0.05rem solid rgba(24, 44, 86, 0.3);
}
.hyjjflexcener {
  display: flex;
  align-items: center;
  text-align: center;
}
.hyjjtableleft {
  width: 100%;
  height: 100%;
  border-bottom: 0.1rem solid #182c56;
}
.hyjjtabletext {
  background-color: #dfe7f4;
  color: #0000ff;
}
.hyjjtabletextcolor {
  color: #0000ff;
}
#hyjjdfkfscate {
  position: absolute;
  height: 15rem;
  overflow-y: scroll;
  z-index: 99;
  box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.5);
  background: #edf1f9;
  display: none;
}
#hyjjbottomtopten {
  width: 13.6rem;
  position: absolute;
  top: 1.4rem;
  height: 10.25rem;
  overflow-y: scroll;
  z-index: 99;
  box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.5);
  background: #edf1f9;
  display: none;
}
.bottomyincangtitle {
  background-color: #e4eef9;
  width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 2%;
}

#jgjjfkfslist {
  width: 13.6rem;
  position: absolute;
  top: 1.4rem;
  height: 10.25rem;
  overflow-y: scroll;
  z-index: 99;
  box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.5);
  background: #edf1f9;
  display: none;
}
#jgjjfkfsbfblist {
  width: 13.6rem;
  position: absolute;
  top: 1.4rem;
  height: 10.25rem;
  overflow-y: scroll;
  z-index: 99;
  box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.5);
  background: #edf1f9;
  display: none;
}
.yuansutransrotate {
  transform: rotatex(180deg);
}
.textbaselne {
  width: 6.75rem;
  border-bottom: 0.05rem solid #0054f9;
  font-size: 0.8rem;
  cursor: pointer;
}
#jgzzbtm1list {
  width: 14.15rem;
  position: absolute;
  top: 1.4rem;
  height: 11.95rem;
  overflow-y: scroll;
  z-index: 99;
  box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.5);
  background: #edf1f9;
  display: none;
}
#jgzzbtm2list {
  width: 14.15rem;
  position: absolute;
  top: 1.4rem;
  height: 11.95rem;
  overflow-y: scroll;
  z-index: 99;
  box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.5);
  background: #edf1f9;
  display: none;
}
#jgzzbtm3list {
  width: 18.1rem;
  position: absolute;
  top: 1.4rem;
  height: 11.95rem;
  overflow-y: scroll;
  z-index: 99;
  box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.5);
  background: #edf1f9;
  display: none;
}
.jgzztabletop1 {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  width: 7%;
}
.jgzztabletop2 {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  width: 9%;
}
/* .tablekuang {
  height: 94%;
  width: 47%;
  border: 0.05rem solid #949eb4;
  border-top: none;
  position: absolute;
  right: 0.7%;
  top: 7%;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  z-index: 97;
} */
.tablekuang1 {
  height: 92%;
  width: 34%;
  border: 0.05rem solid #949eb4;
  border-top: none;
  position: absolute;
  right: 1%;
  bottom: 0;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.sanjijgzz {
  height: 8%;
  margin-top: 2%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
#jgzzthirdtbody > tr:nth-child(even) {
  background-color: #e4e8f2;
}
#jgzzthirdtbody > tr {
  height: 2.7rem;
  width: 100%;
}

#zjjyfourxmpopup {
  width: 75%;
  height: 67%;
  top: 17%;
}
#zjjyfourdetaipopup {
  width: 86%;
  height: 92%;
  top: 4%;
}
#zjjyfourxqdwpopup {
  width: 75%;
  height: 67%;
  top: 17%;
}

#szjythirdtbody > div {
  height: 10%;
  width: 100%;
}

#szjythirdtbody > div:nth-child(even) {
  background-color: #e4e8f2;
}

#szjyfourxmtbody > div {
  height: 10%;
  width: 100%;
}
#szjyfourxmtbody > div:nth-child(even) {
  background-color: #e4e8f2;
}
#szjyfourxmtbody > div > p {
  width: 18%;
}
.styleshijian {
  height: 2.5rem;
  line-height: 2.5rem;
  padding-left: 0.25rem;
  background-color: white;
  border-radius: 0.5rem;
  position: absolute;
  top: 35%;
  bottom: 10%;
  left: 106%;
  width: 25.8rem;
  align-items: center;
  border: 0.05rem solid;
  color: black;
}
.szjjsantop {
  height: 20%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-around;
  padding-top: 1%;
  box-sizing: border-box;
}
.szjjsantopsmall {
  width: 24%;
  border: 0.05rem solid #0000ff;
  height: 28%;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.szjjsantopsmall > input {
  background: transparent;
  height: 96%;
  width: 100%;
  border: none;
  padding-left: 0.5rem;
  color: #0000ff;
  font-size: 0.8rem;
}
.szjjsantopsmall > i {
  color: #0000ff;
  margin-right: 0.5rem;
}
input::-webkit-input-placeholder {
  /* WebKit browsers，webkit内核浏览器 */
  color: #0000ff;
  font-size: 0.8rem;
}

.szjjsantopsmall > div {
  border: 0.05rem solid #0000ff;
  height: 100%;
  width: 76%;
  display: flex;
  align-items: center;
  border-radius: 0.25rem;
  padding-right: 0.5rem;
}
.szjjsantopsmall > div > input {
  background: transparent;
  height: 96%;
  width: 100%;
  border: none;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-radius: 0.25rem;
  color: #0000ff;
  font-size: 0.8rem;
}
.szjjsantopsmall > div > i {
  color: #0000ff;
}
.theadtable {
  display: flex;
  width: 100%;
  height: 2rem;
  background-color: #182c56;
  color: #fff;
  align-items: center;
  font-size: 0.75rem;
  justify-content: space-around;
  text-align: center;
}
.theadtable > p {
  width: 18%;
}
.xqdwright {
  height: 2rem;
  background-color: #0000ff;
  color: white;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3%;
  box-sizing: border-box;
}
#cgbdszjykblx {
  width: 100%;
  height: 15rem;
  position: absolute;
  left: 0;
  top: 1.9rem;
  display: none;
  overflow-y: scroll;
  z-index: 99;
  box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.5);
  background: #edf1f9;
}
#cgfsszjykblx {
  width: 100%;
  height: 15rem;
  position: absolute;
  left: 0;
  top: 1.9rem;
  display: none;
  overflow-y: scroll;
  z-index: 99;
  box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.5);
  background: #edf1f9;
}
#zjjyfourxmleft > .layui-tree {
  padding: 1%;
  font-size: 0.85rem;
}
#zjjyfourxqdwleft > .layui-tree {
  padding: 1%;
  font-size: 0.85rem;
}
#szjyfourxqdwtbody > div {
  height: 10%;
}
#szjyfourxqdwtbody > div:nth-child(even) {
  background-color: #e4e8f2;
}
.szjyxmxq {
  /* background-image: url('../szjyxmxqtopbg.png'); */
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 24%;
  height: 1.5rem;
  position: absolute;
  top: -0.75rem;
  left: 1rem;
  display: flex;
  color: white;
  justify-content: space-between;
  align-items: center;
  padding: 0.2%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.szjymiddlexmxqbg {
  height: 80%;
  width: 100%;
  display: flex;
  color: #182c56;
}
.szjymiddlexmxqbgdiv {
  width: 20%;
  height: 100%;
  /* background-image: url('../szjymiddlexmxqsecond.png'); */
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.szjymiddlexmxqbgdiv > a {
  color: #182c56;
}
.controlimgszjy {
  height: 10%;
  width: 82%;
  margin: 0 auto;
  display: flex;
}
.controlimgszjy > img {
  width: 25%;
}
.imgcloseback {
  width: 1.5rem;
  height: 0.6rem;
  border-radius: 50%;
  position: absolute;
  right: 1rem;
  top: 0.8rem;
  /* background-image: url('../bgszjyback.png'); */
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding-left: 0.25rem;
}
.tree-selectd {
  color: red;
}

.flexaround {
  align-items: center;
  display: flex;
  justify-content: space-around;
}
.gray {
  filter: grayscale(100%);
}
.gdwcgqkswiper {
  position: static;
}
#gettbodyli {
  height: 92%;
}
#gettbodyli > div {
  height: 10%;
  color: #182c56;
}
#gettbodyli > div:nth-child(even) {
  background-color: #e4e8f2;
}

.el-table .warning-row {
  background: #e4e8f2;
  color: #192c55;
}

.el-table .success-row {
  background: transparent;
  color: #192c55;
}
.el-table tr {
  background-color: transparent;
}
.el-pagination.is-background .el-pager li:not(.disabled).active {
  background: #192c55;
}
 
 